<template>
	<view class="container">
		<!--头部start-->
		
		<!--头部end-->
		
		<!--广告机start-->
		<view class="credit">
			<view class="my_num">
				<view class="tops">
					<text>当前可用资产</text>
					<view class="adc_total">{{ moneyFormat('4,083') }} ADC</view>
					<view class="cny_total" style="margin-top: 10rpx;"> ≈ {{ moneyFormat('2600') }} CNY</view>
					<view class="eye" :class="[showPassword==true?'':'on']" :name="eyeIconName" @click="eyeIconName == 'eye-off' ? (eyeIconName = 'eye') : (eyeIconName = 'eye-off')"></view>
				</view>
			</view>
			<view class="my_mel">
				<view><image src="/static/images/g_img20.png"></image></view>
				<view><image src="/static/images/g_img21.png"></image></view>
			</view>
			<!--<view class="my_mel">
				<view><image src="/static/images/g_img20.png"></image></view>
				<view class="two"><image src="/static/images/g_img21.png"></image></view>
			</view>
			<view class="my_mel">
				<view class="three"><image src="/static/images/g_img20.png"></image></view>
				<view><image src="/static/images/g_img21.png"></image></view>
			</view>-->
			
			<view class="set_deal_type">
				<text>您所在的交易区</text>
				<view class="buy">
					<u-cell-group :border="border">
						<u-cell title="CNY" :border="border">
							<image src="/static/images/img_03.png" slot="icon" class="img"></image>
						</u-cell>
					</u-cell-group>
				</view>
			</view>
			
			<view class="set_account">
				<text>您的收款方式</text>
				<view class="buy">
					<u-cell-group :border="border">
						<u-cell title="支付宝" :border="border">
							<image src="/static/images/img_63.png" slot="icon" class="img"></image>
							<image src="/static/images/img_66.png" slot="value" class="ico"></image>
						</u-cell>
						<u-cell title="银行卡" :border="border">
							<image src="/static/images/img_67.png" slot="icon" class="img"></image>
							<image src="/static/images/img_66.png" slot="value" class="ico"></image>
						</u-cell>
						<u-cell title="微信支付" :border="border">
							<image src="/static/images/img_64.png" slot="icon" class="img"></image>
							<image src="/static/images/img_66.png" slot="value" class="ico"></image>
						</u-cell>
						<u-cell title="添加账号" :border="border" class="add">
							<image src="/static/images/img_68.png" slot="icon" class="img"></image>
						</u-cell>
					</u-cell-group>
				</view>
			</view>
			
			<view class="question">
				<view class="tit">常见问题</view>
				<view class="list">
					<u-collapse accordion :border="false">
						<u-collapse-item title="买卖ADC数量规则？">
							<view class="con">不同的会员等级享有不同功率的广告机器运行权，零撸会员可运行10CPM的广告机，正式及以上的会员等级会员广告机运行权100CPM起，且为100的倍数递增。同的会员等级享有不同功率的广告机器运行权，零撸会员可运行10CPM的广告机，正式及以上的会员等级。 </view>
						</u-collapse-item>
						<u-collapse-item title="关于默认交易货币">
							<view class="con">不同的会员等级享有不同功率的广告机器运行权，零撸会员可运行10CPM的广告机，正式及以上的会员等级会员广告机运行权100CPM起，且为100的倍数递增。同的会员等级享有不同功率的广告机器运行权，零撸会员可运行10CPM的广告机，正式及以上的会员等级。 </view>
						</u-collapse-item>
						<u-collapse-item title="买卖ADC数量规则？">
							<view class="con">不同的会员等级享有不同功率的广告机器运行权，零撸会员可运行10CPM的广告机，正式及以上的会员等级会员广告机运行权100CPM起，且为100的倍数递增。同的会员等级享有不同功率的广告机器运行权，零撸会员可运行10CPM的广告机，正式及以上的会员等级。 </view>
						</u-collapse-item>
						<u-collapse-item title="买卖ADC数量规则？">
							<view class="con">不同的会员等级享有不同功率的广告机器运行权，零撸会员可运行10CPM的广告机，正式及以上的会员等级会员广告机运行权100CPM起，且为100的倍数递增。同的会员等级享有不同功率的广告机器运行权，零撸会员可运行10CPM的广告机，正式及以上的会员等级。 </view>
						</u-collapse-item>
					</u-collapse>
				</view>
			</view>
		</view>	
	</view>
</template>

<script>
	export default {
	    data() {
	        return {
				eyeIconName: 'eye',
				showPassword: false,
				gj_box:false,
				border:false,
	        }
	    },
		onLoad(){
		},
	    methods: {
	    },
		computed: {
			// 格式化金额，等位数转换为星
			moneyFormat(e) {
				return e => {
					if (e || e == 0) {
						e = e.toString();
					}
					if (e && this.eyeIconName == 'eye-off') {
						this.showPassword = true;
						let temp = [];
						e.split('').forEach(item => {
							temp.push('*');
					});
					return temp.join('');
					} else {
						this.showPassword =false;
						parseFloat(e)
						.toFixed(2)
						.replace(/(\d)(?=(\d{3})+\.)/g, '$1,');
						return e;
					}
				};
			},
		},
	}
</script>
<style lang="scss">
@import url("../../common/style.scss");
@import url("transaction.scss");
</style>